<!-- 二级路由收益查看 -->
<template>
	<view>
		<global-navgation title="收益查看"></global-navgation>

		<view class="profit-total">
			<view class="total-num">
				847542.60
			</view>
			<view class="total-font">
				总收益(元)
			</view>
		</view>
		
		<view class="income-list">
			<view class="income-item">
				<text class="reason">二级分润</text>
				<text class="deta">2021-05-04 16:23:43</text>
				<text class="num">+78.00</text>
				<view class="line"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import globalNavgation from '../../../components/globalNavgation.vue'
	export default {
		components: {
			globalNavgation
		},
		data() {
			return {

			}
		},
		mounted() {
			// 初始化获取数据
			this.__initClassData()			
		},
		onLoad(){
			uni.getStorage({
			    key: 'token',
			    success:  res=> {
					this.tokens=res.data
					console.log('mmm',this.tokens)
			    }
			});
		},
		methods: {
			__initClassData() {
				this.$api.get({
					url: '/article/profit/get_user_profit',
					data:{token:this.tokens}
				}).then(res => {
						this.lists=res.data
						
						
						console.log('yyyy',res)
					})
				}
		}
	}
</script>

<style scoped>
	.profit-total{
		margin: 0 auto;
		width: 686rpx;
		height: 280rpx;
		background: linear-gradient(180deg, #FFB800 0%, #FF8A00 100%);
		border-radius: 8px;
		overflow: hidden;
		font-family: PingFang SC;
		font-style: normal;
		font-weight: 600;
		font-size: 64rpx;
		color: #FFFFFF;
	}
	
	.profit-total .total-num{
		text-align: center;
		margin-top: 74rpx;
	}
	
	.profit-total .total-font{
		text-align: center;
		font-size: 28rpx;
		font-weight: normal;
		color: rgba(255, 255, 255, 0.85);
		margin-top: 2rpx;
	}
	
	.income-list{
		margin-top: 32rpx;
	}
	
	.income-list .income-item{
		width: 100%;
		height: 148rpx;
		position: relative;
		font-family: PingFang SC;
		font-style: normal;
		font-weight: normal;
		font-size: 28rpx;
		color: rgba(0, 0, 0, 0.85);
	}
	
	.income-list .income-item .reason{
		position: absolute;
		font-weight: 550;
		top: 32rpx;
		left: 32rpx;
	}
	
	.income-list .income-item .deta{
		position: absolute;
		top: 76rpx;
		left: 32rpx;
		color: rgba(0, 0, 0, 0.45);
	}
	
	.income-list .income-item .num{
		position: absolute;
		top: 46rpx;
		right: 32rpx;
		font-weight: 600;
		font-size: 40rpx;
	}
	
	.income-list .income-item .line {
		width: 718rpx;
		height: 2rpx;
		bottom: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.06);
		position: absolute;
	}
</style>